<script setup>
import {ref,onMounted} from "vue"
import axios from "axios"
import animeModel1 from "../../components/animeModel1.vue"

const wdxfhyVideoUrl = ref("")
const fan1Url = ref("")
const fan2Url = ref("")
const fan3Url = ref("")
const fan4Url = ref("")
const fan5Url = ref("")
const fan6Url = ref("")
const fan7Url = ref("")
const fan8Url = ref("")
const fan9Url = ref("")
const fan10Url = ref("")
const fan11Url = ref("")
const fan12Url = ref("")

onMounted(()=>{
    document.title = "我的幸福婚姻 - 番剧|EvenSO"
})
axios.get('/go1-api/anime/wdxfhy').then(async res=>{
    // console.log(res.data[0].anime_msg[0].fan_player)
    wdxfhyVideoUrl.value = await res.data[0].anime_msg[0].fan_player
    fan1Url.value = await res.data[0].anime_msg[0].fan_player
    fan2Url.value = await res.data[0].anime_msg[1].fan_player

}).catch(err=>console.log(err))
</script>

<template>
    <div class="wdxfhyVideoAll">
        <div class="dialogBoxColor"></div>
        <div class="wdxfhyVideoMasterBox">
            <animeModel1 
                :videoUrl="wdxfhyVideoUrl"
                
                :fan1Url="fan1Url"
                :fan2Url="fan2Url"
                :fan3Url="fan3Url"
                :fan4Url="fan4Url"
                :fan5Url="fan5Url"
                :fan6Url="fan6Url"
                :fan7Url="fan7Url"
                :fan8Url="fan8Url"
                :fan9Url="fan9Url"
                :fan10Url="fan10Url"
                :fan11Url="fan11Url"
                :fan12Url="fan12Url"
            />
        </div>
    </div>
</template>

<style scoped>
.wdxfhyVideoAll{
    position: absolute;
    left: 0;
    top: 0;
    width: 1855px;
    height: 100%;
    /* background-color: red; */
    /* overflow: hidden; */
}
.dialogBoxColor{
    width: 100%;
    height: 6%;
    background: linear-gradient(to right,rgb(40,31,39),rgb(200,181,169));
}
.wdxfhyVideoMasterBox{
    width: 100%;
    height: 94%;
}
</style>